

/*  De algemene opmaak  */

#div1
{
  /*margin-top: 90px; DEBUG, haal het linker menu blok omlaag zodat je alle foutmedlingen kan zien */
  position: fixed; 
  text-align: center;
  background-color: #303030; 
  width: 265px; 
  height: 96%;
  overflow: auto;
  overflow-x: hidden; 
}

#div2
{
  line-height: 200%; 
  background-color: #303030; 
  margin-top: 6px; 
  margin-left: 6px;
  margin-right: 6px;
  width: 253px; 
  color: #ffffff; 
  font-size: 13pt;
}

#div3
{
  text-align: center; 
  line-height: 200%; 
  background-color: #ffffff; 
  width: 253px; 
  height: 40px; 
  color: #000000;
}

#weeknr
{
  margin-left: 5px; 
  margin-right: 5px;
}

.hor { float: left; }

a.js:hover
{
  color: orange;
}

.js:visited
{
  color: #0000FF;
}

.js:visited:hover
{
  color: orange;
}



/*  De opmaak voor de buttons  */


/* standaard knop */
.button
{
  position: relative;
  display: block;
  background: transparent url("pics/basisbutton.png") no-repeat;
  width: 130px;
  height: 22px;
  padding: 5px;
  margin: 3px;
  text-align: center;
  font-family: "Times New Roman", serif; 
  color: white;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none; 
}

.button:hover
{
  background-position: 0 -32px;
}

.button:active
{
  background-position: 0 -64px;
}

.klik
{
  position: relative;
  display: block;
  background: transparent url("pics/basisbutton.png") no-repeat;
  background-position: 0 -64px;
  width: 130px;
  height: 22px;
  padding: 5px;
  margin: 3px;
  text-align: center;
  font-family: "Times New Roman", serif; 
  color: white;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none; 
}

/* grote knop, docentpagina 1 */
.bigbutton
{
  position: relative;
  display: block;
  background: transparent url("pics/bigbutton.png") no-repeat;
  width: 183px;
  height: 22px;
  padding: 5px;
  margin: 3px;
  text-align: center;
  font-family: "Times New Roman", serif; 
  color: white;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none; 
}

.bigbutton:hover
{
  background-position: 0 -32px;
}

.bigklik
{
  position: relative;
  display: block;
  background: transparent url("pics/bigbutton.png") no-repeat;
  background-position: 0 -64px;
  width: 183px;
  height: 22px;
  padding: 5px;
  margin: 3px;
  text-align: center;
  font-family: "Times New Roman", serif; 
  color: white;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none; 
}

/* kleine knop, docentpagina 1 */
.smallbutton
{
  position: relative;
  display: block;
  background: transparent url("pics/clusterbutton.png") no-repeat;
  width: 82px;
  height: 22px;
  padding: 5px;
  margin: 3px;
  text-align: center;
  font-family: "Times New Roman", serif; 
  color: white;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none; 
}

.smallbutton:hover
{
  background-position: 0 -32px;
}

.smallbutton:active
{
  background-position: 0 -64px;
}